<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>OA人脸识别员工管理系统</title>
		<link rel="stylesheet" href="../layui/css/layui.css">
	</head>
	<body class="layui-layout-body">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-layout layui-layout-admin">
				<div class="layui-header">
					<div class="layui-logo"><img src="../image/logo.png" style="width: 200px; height: 58px;"></div>
					<!-- 头部区域（可配合layui已有的水平导航） -->
					<ul class="layui-nav layui-layout-left">
						<li class="layui-nav-item"><a href="">首页</a></li>
						<li class="layui-nav-item"><a href="">商品管理</a></li>
						<li class="layui-nav-item"><a href="">用户</a></li>
						<li class="layui-nav-item">
							<a href="javascript:;">其它系统</a>
							<dl class="layui-nav-child">
								<dd><a href="">邮件管理</a></dd>
								<dd><a href="">消息管理</a></dd>
								<dd><a href="">授权管理</a></dd>
							</dl>
						</li>
					</ul>
					<ul class="layui-nav layui-layout-right">
						<li class="layui-nav-item">
							<a href="javascript:;">
								<img src="http://t.cn/RCzsdCq" class="layui-nav-img">
								贤心
							</a>
							<dl class="layui-nav-child">
								<dd><a href="">修改个人信息</a></dd>
								<dd><a href="">安全设置</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item"><a href="">退了</a></li>
					</ul>
				</div>


				<div class="layui-side layui-bg-black">
					<div class="layui-side-scroll">
						<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
						<ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="test">
							<li class="layui-nav-item">
								<a class="" href="javascript:;"><i class="layui-icon"> &#xe637; </i>考勤</a>
								<dl class="layui-nav-child">
									<dd><a href="punch.html">打卡</a></dd>
									<dd><a href="Empattence.html">自我考勤查看</a></dd>
									<dd><a href="Deptpattence.html" >部门考勤查看</a></dd>
									<dd><a href="Hrpattence.html" >员工考勤查看</a></dd>
								</dl>
							</li>
							<li class="layui-nav-item layui-nav-itemed">
								<a href="javascript:;"><i class="layui-icon">&#xe613; </i>请假管理</a>
								<dl class="layui-nav-child">
									<a href="javascript:;" class="layui-this"></i>请假申请</a>
									<dd><a href="leavelist.html">请假审批</a></dd>
								</dl>
							</li>
							<li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon">&#xe716; </i>管理</a>
								<dl class="layui-nav-child">
									<dd><a href="Emp.html">员工管理</a></dd>
									<dd><a href="Dept.html">部门管理</a></dd>
									<dd><a href="userinfo.html">个人信息管理</a></dd>
								</dl>
							</li>
							<li class="layui-nav-item"><a href="Note.html">公告</a></li>
						</ul>
					</div>
				</div>
				<div class="layui-body">
					<!-- 内容主体区域 -->
					<div class="layui-container">
						<div class="layui-row">
							<div class="layui-col-md7 layui-col-md-offset">
								<h2 style="padding: 15px;">请假申请</h2>
								<!-- 表单 -->
								<form class="layui-form" action="">
									<div class="layui-form-item">
										<label class="layui-form-label">申请人员</label>
										<div class="layui-input-inline" id="agent" name="agent">
											<input type="text" name="leave" class="layui-input" value="赵云" disabled="disabled" style="border: none;">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">请假类型</label>
										<div class="layui-input-block" id="leave_type" name="leave_type">
											<input type="radio" name="leave" value="年假" title="年假" checked="checked">
											<input type="radio" name="leave" value="病假" title="病假">
											<input type="radio" name="leave" value="产假" title="产假">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">请假时间</label>
										<div class="layui-input-block">
											<div class="layui-inline">
												<div class="layui-input-inline">
													<input type="text" name="start_time" class="layui-input laydate" id="start_time" placeholder="开始时间">
												</div>
											</div>
											<div class="layui-inline">
												<div class="layui-input-inline">
													<input type="text" name="end_time" class="layui-input laydate" id="end_time" placeholder="结束时间">
												</div>
											</div>
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">性别选择</label>
										<div class="layui-input-block">
											<input type="radio" name="sex" value="男" title="男">
											<input type="radio" name="sex" value="女" title="女">
										</div>
									</div>
									<div class="layui-form-item">
										<label class="layui-form-label">紧急电话</label>
										<div class="layui-input-block">
											<div class="layui-input-inline">
												<input type="text" class="layui-input" name="phone" placeholder="13xxxxxxxxxxxx">
											</div>
										</div>
									</div>
									<div class="layui-form-item layui-form-text">
										<label class="layui-form-label">请假申请</label>
										<div class="layui-input-block">
											<textarea name="desc" placeholder="请输入请假申请原因" class="layui-textarea"></textarea>
										</div>
									</div>
									<div class="layui-form-item">
										<div class="layui-input-block">
											<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
											<button type="reset" class="layui-btn layui-btn-primary">重置</button>
										</div>
									</div>
								</form>
								<!-- 表单结束 -->
							</div>
							<div class="layui-col-md3 layui-col-md-offset2">
								<h2 style="padding: 15px;">日历</h2>
								<div class="layui-inline" id="calendar">
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="layui-footer">
					<!-- 底部固定区域 -->
					© 中软 - JAVA二阶段项目 - 基于人脸识别的考勤系统 by TeamWork_XM
				</div>
			</div>
			<script src="../layui/layui.js"></script>
			<script>
				//请假开始日期时间范围
				layui.use('laydate', function() {
					var laydate = layui.laydate;
					//var nowTime=new Date();
					//执行一个laydate实例
					laydate.render({
						elem: '#start_time', //指定元素
						type: 'datetime', //时间日期选择器
						theme: '#0DB6F5', //颜色选取
						calendar: true, //节日显示
						btns: ['confirm'],
						min: -7,
						max: 7, //当前时间
					});
				});
				//日历表
				layui.use('laydate', function() {
					var laydate = layui.laydate;
					//var nowTime=new Date();
					//执行一个laydate实例
					laydate.render({
						elem: '#calendar', //指定元素
						type: 'date', //时间日期选择器
						show: true,
						theme: '#0DB6F5',
						position: 'static',
						calendar: true, //节日显示
						btns: ['now'],
					});
				});
				//请假结束日期时间范围
				layui.use('laydate', function() {
					var laydate = layui.laydate;
					//var nowTime=new Date();
					//执行一个laydate实例
					laydate.render({
						elem: '#end_time', //指定元素
						type: 'datetime', //时间日期选择器
						theme: '#0DB6F5', //颜色选取
						calendar: true, //节日显示
						btns: ['confirm'],
						min: -7,
						max: 7, //当前时间
					});
				});
				//JavaScript代码区域
				layui.use('element', function() {
					var element = layui.element;
				});
				//表单js部分
				//Demo
				layui.use('form', function() {
					var form = layui.form;
					//监听提交
					form.on('submit(formDemo)', function(data) {
						layer.msg(JSON.stringify(data.field));
						return false;
					});
				});
			</script>
	</body>
</html>
